<template>
  <div class="w1100 footer1">
    <div style="font-size: 16px; color: #646464; margin-right: 20px">
      加入我们
    </div>
    <div style="font-size: 16px; color: #646464; margin-right: 20px">
      政策隐私
    </div>
    <div style="font-size: 16px; color: #646464; margin-right: 20px">
      网站地图
    </div>
  </div>
  <div class="w1100 footer2">
    <div style="font-size: 14px; color: #646464; margin-right: 20px">
      友情链接
    </div>
    <div style="font-size: 14px; color: #646464; margin-right: 20px">
      热门区域
    </div>
    <div style="font-size: 14px; color: #646464; margin-right: 20px">
      地铁周边
    </div>
    <div style="font-size: 14px; color: #646464; margin-right: 20px">
      热门城市
    </div>
  </div>

  <div class="w1100 footer3" style="margin-top: -30px">
    <div style="font-size: 14px; color: #ccc; margin-right: 20px">
      北京房产网
    </div>
    <div style="font-size: 14px; color: #ccc; margin-right: 20px">北京房产</div>
  </div>

  <div class="w1100 bgbox">
    <div class="textBox">
      <div style="font-size: 14px; color: #ccc">
        北京自如信息科技有限公司 Copyright©2020 ziroom.com 版权所有
      </div>
      <div style="font-size: 14px; color: #ccc">
        京公网安备 11010502035900号 京ICP备16015349号
      </div>
      <div style="font-size: 14px; color: #ccc">
        违法和不良信息举报电话：4001001111-9
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.w1100 {
  width: 1100px;
  margin: auto;
}

.w100 {
  width: 100%;
}

.footer1 {
  height: 80px;
  display: flex;
  align-items: center;
  margin-top: 80px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.footer2 {
  height: 80px;
  display: flex;
  align-items: center;
}

.footer3 {
  height: 80px;
  display: flex;
  align-items: center;
}

.bgbox {
  display: flex;
  padding: 50px 0;
  align-items: center;
  border-top: 1px solid #eee;

  .logo {
    width: 150px;
    height: 30px;
  }

  .textBox {
    margin-left: 20px;
  }
}
</style>
